<template>
  <div class="wrap">
    <div class="main">
      <div class="mainl left">
        <div class="cpfl">
          <h2><img src="../../../src/assets/upfiles/xwdt.png"></h2>
          <div class="flcon">
            <ul>
              <li><a href="/adc">新闻1</a></li>
              <li><a href="">新闻2</a></li>
              <li><a href="">新闻3</a></li>

            </ul>
          </div>
        </div>
        <!-- cpfl end -->
        <div class="ny_lx mt15">
          <h2><img src="../../../src/assets/upfiles/ny_lx.png" alt="联系我们"></h2>
          <div class="lxbox"><strong style=" color:#fbc800; font-size:14px;">学远培训有限公司</strong><br/>
            地址：安徽信息工程学院<br/>
            联系人：潘经理<br/>
            电话：0371-687666666<br/>
            手机：17355370221<br/>
            邮箱：919819426@qq.com
          </div>
        </div>
        <!-- ny_lx end -->
      </div>
      <div class="mainr right">
        <h2><span class="ny_nav">您当前所在的位置：<a href="">首页</a> &gt; 我要报名</span>我要报名</h2>
        <div class="left">
          <img src="../../../src/assets/images/DT3.gif" width="300" height="350">
        </div>
        <div class="left">
        <form method="post" action="homebmxx" class="layui-form">
          <table width="100%" border="0"  class="message_list">
            <tr>
              <td width="120px;" class="title" prop="name">姓名：</td>
              <td>
                <el-input  placeholder="请输入内容" v-model="bmForm.username" style="width:200px; height:20px;margin-left: 10px" clearable>
                </el-input>
              </td>
            </tr>
            <tr>
              <td class="title">性别：</td>
              <td><el-input v-model="bmForm.gender"  placeholder="请输入内容" clearable style="width:200px; height:20px;margin-top: 15px;margin-left: 10px"></el-input></td>
            </tr>
            <tr>
              <td class="title">地址：</td>
              <td><el-input v-model="bmForm.dizhi" placeholder="请输入内容" clearable style="width:200px; height:20px;margin-top: 15px;margin-left: 10px"></el-input></td>
            </tr>
            <tr>
              <td class="title">联系电话：</td>
              <td><el-input v-model="bmForm.tel" placeholder="请输入内容" clearable  style="width:200px; height:20px;margin-top: 15px;margin-left: 10px"></el-input></td>
            </tr>
            <tr>
              <td class="title">QQ：</td>
              <td><el-input v-model="bmForm.qq" placeholder="请输入内容" clearable style="width:200px; height:20px;margin-top: 15px;margin-left: 10px"></el-input></td>
            </tr>
            <tr>
              <td class="title">E-mail:</td>
              <td><el-input v-model="bmForm.email" placeholder="请输入内容" clearable style="width:200px; height:20px;margin-top: 15px;margin-left: 10px"></el-input></td>
            </tr>
            <tr>
              <td>&nbsp;</td>
              <td>
              <el-button type="warning" @click="submit" style="width: 120px;margin-top: 10px" round>提交</el-button>
              </td>
            </tr>
          </table>
        </form>
        </div>
      </div>
      <div class="clear"></div>
    </div>
  </div>
</template>

<script>
    export default {
        name: "Baoming",
        data(){
            return {
                bmForm:{
                    username: '',
                    gender: '',
                    dizhi: '',
                    tel: '',
                    qq: '',
                    email: ''
                },
                api_url: 'http://www.xueyuanjiaoyu.com/api/'
            }
        },
        methods: {
            submit() {
                console.log('提交报名表单数据', this.bmForm)
                // 提交数据,修改地址即可
                this.$axios.post(this.api_url + 'home/homebmxx',this.bmForm).then(res=>{
                    alert(res.data.msg);
                    if(res.data.code == 200){

                    }
                }).catch(err=>{
                    console.log('失败返回',err)
                })
            }
        }

    }
</script>

<style scoped>

</style>
